<!-- 管理端根页面 -->

<script setup lang="ts">
import ToggleNaiveMode from '@/pages/admin/components/ToggleNaiveMode.vue'
import IndexSider from '@/pages/admin/components/Menu/IndexSider.vue'
</script>

<template>
  <div>
    <ToggleNaiveMode>
      <n-layout class="h-screen" has-sider>
        <IndexSider></IndexSider>
        <n-layout-content>
          <!-- ${headerLogoH + 1}px，是由于 n-layout-header bordered 下边框具有 1px 的高度 -->
          <n-scrollbar>
            <router-view></router-view>
          </n-scrollbar>
        </n-layout-content>
      </n-layout>
    </ToggleNaiveMode>
  </div>
</template>

<style scoped>

</style>
